<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>

</script>

<style>
#app {
  /* 字体类型 */
  font-family: Avenir, Helvetica, Arial, sans-serif;  

  /* webkit在自己的渲染引擎中增加的对字体抗锯齿的调整,仅在 Mac OS X/macOS 下生效
     none - 关闭字体平滑；展示有锯齿边缘的文字。
     antialiased - 平滑像素级别的字体，而不是子像素。从亚像素渲染切换到黑暗背景上的浅色文本的抗锯齿使其看起来更轻。
     subpixel-antialiased - 在大多数非视网膜显示器上，这将会提供最清晰的文字。    */
  -webkit-font-smoothing: antialiased;

   /* Firefox的 -moz-osx-font-smoothing 这个属性仅在 Mac OS X / macOS 下生效。
      auto - 允许浏览器选择字体平滑的优化方式，通常为grayscale。
      grayscale - 用灰度抗锯齿渲染文本，而不是子像素。从亚像素渲染切换到黑暗背景上的浅色文本的抗锯齿使其看起来更轻。
      inherit
      unset */
  -moz-osx-font-smoothing: grayscale;

  text-align: center;
  color: #2c3e50;
}
</style>
